import Taro, { Component } from "@tarojs/taro";
import { View, Text, Image } from "@tarojs/components";
import { AtGrid } from "taro-ui";
import "./index.scss";
import "../../assets/iconfont/iconfont.css";
import ItemImg from "../../assets/images/temp/ad1.jpg";
export default class Appheader extends Component {
  componentWillMount() {}

  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}

  navgation() {
    console.log("点击了导航栏");
  }
  render() {
    return (
      <View className="app-nav">
        <AtGrid
          columnNum={5}
          hasBorder={true}
          className="setfont"
          onClick={() => this.navgation()}
          data={[
            {
              image:
                "https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png",
              value: "营养保健"
            },
            {
              image:
                "https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png",
              value: "速食生鲜"
            },
            {
              image:
                "https://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png",
              value: "牛乳饮品"
            },
            {
              image:
                "https://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png",
              value: "家居厨卫"
            },
            {
              image:
                "https://img14.360buyimg.com/jdphoto/s72x72_jfs/t17251/336/1311038817/3177/72595a07/5ac44618Na1db7b09.png",
              value: "护肤美妆"
            }
          ]}
        />
        <Image src={ItemImg} className='adImage'></Image>
      </View>
    );
  }
}
